<template>
  <div class="about">
    <h1>This is an about page</h1>
    {{ person.name }}
    {{ person.age }}
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>

<script setup>
// import { ref } from 'vue'
// import {ref} from 'vue'
import { reactive } from 'vue';
const person = reactive({ name: '张三', age: 18 })
</script>
